<html>
<head>
<meta charset="UTF-8">
<title>流程实例信息列表</title>
<link id="easyuiTheme" href="../../static/easyui/themes/bootstrap/easyui.css" rel="stylesheet" type="text/css"/>
<link href="../../static/easyui/themes/icon.css" rel="stylesheet" type="text/css"/>
<script src="../../static/easyui/jquery.min.js" type="text/javascript"></script>
<script src="../../static/easyui/jquery.cookie.js" type="text/javascript"></script>
<script src="../../static/easyui/ui-theme.js" type="text/javascript"></script>
<script src="../../static/easyui/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../static/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script src="../../static/plugin/assets/jslib.util.js" type="text/javascript"></script>
<script src="../../static/plugin/assets/jslib.jquery.ajax.js" type="text/javascript"></script>
<script src="../../static/plugin/assets/jslib.easyui.util.js" type="text/javascript"></script>
<script src="../../ffres/dict/all.js" type="text/javascript"></script>
	<link href="../../static/easyui/themes/frameless.css" rel="stylesheet" type="text/css"/>
	<a href="" target="_blank" id="commonLink" name="commonLink"></a>
</head>
<script type="text/javascript">
	function doMonitorBatch(){
		var row = $('#dg').datagrid('getSelected');
		if (row) {
			JLUtil.linkNewPage('BatchMonitorHis.html?bpaSerialNo='+row.bpaSerialNo+'&bpaId='+row.bpaId);
		} else {
			$.messager.alert('提示','请选择一条记录！','info');
		}
	}

	function reloadList(){
		$('#dg').datagrid('reload');
		JLEUtil.closewin();
	};
	
	$(function() {
		
	});
	
</script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',title:''" style="height: 40px; ">
	<form id="searchForm">
		<table>
			<tr>
				<td class="searchTd">&nbsp;业务流水号：</td>
				<td><input name="bpaSerialNo" id="bpaSerialNo"/></td>
				<td class="searchTd">&nbsp;流程标识：</td>
				<td><input name="bpaId" id="bpaId"/></td>
				<td><a class="easyui-linkbutton" href="javascript:void(0);" onclick="JLEUtil.queryForm('searchForm','dg','../../api/bpm/bat/inst/batchs/his');">查找</a></td>
				<td><a class="easyui-linkbutton" href="javascript:void(0);" onclick="JLEUtil.clearForm('searchForm');">清空</a></td>
			</tr>
		</table>
	</form>
</div>
<div data-options="region:'center',split:false">
<table id="dg" class="easyui-datagrid" title="" style="width:100%;height:93%"
		data-options="singleSelect:true,collapsible:true,url:'../../api/bpm/bat/inst/batchs/his',method:'post'"
		toolbar="#tb" title="Load Data" rownumbers="true" pagination="true" pageSize="20">
		<thead>
			<tr>
				<th data-options="field:'bpaSerialNo',resizable:true" >业务流水号</th>
				<th data-options="field:'bpaId',resizable:true" >流程标识</th>
				<th data-options="field:'bpaDate',resizable:true" >流程日期</th>
				<th data-options="field:'bpaName',resizable:true" >流程名称</th>
				<th data-options="field:'subsCode',resizable:true" >所属系统</th>
				<th data-options="field:'bpaState',resizable:true" formatter="formatter_BAT_BATCH_STATE">流程状态</th>
				<th data-options="field:'bpaInterveneState',resizable:true" formatter="formatter_BAT_BATCH_INTERVENE_STATE">人工干预</th>
				<th data-options="field:'stageName',resizable:true" >流程阶段</th>
				<th data-options="field:'startTime',resizable:true" >启动时间</th>
				<th data-options="field:'endTime',resizable:true" >结束时间</th>
				<!-- <th data-options="field:'costTime',resizable:true" >运行时长（秒）</th> -->
			</tr>
		</thead>
	</table>
</div>
<div id="tb" style="padding:1px">
	<div style="margin-bottom:2px">
		<a href="javascript:void(0)" onclick="doMonitorBatch();" class="easyui-linkbutton" iconCls="icon-ok" plain="true">流程监控</a>
	</div>
</div>
</body>
</html>
